<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Dickies</title>
		<link data-n-head="true" rel="icon" type="image/x-icon" href="https://www.dickies.com.cn/app/site/statics/favicon.ico">
		<style>
			@import url(css/reset.css);
		    @import url(css/header.css);
		    @import url(css/register.css);
		    @import url(css/footer.css);
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div id="header-top">
			<div class="header-con-top">
				<ul class="top">
					<li>
						<a href="shopping.html">我的购物车<img src="img/gouwuche.png" alt=""><span>0</span></a>
					</li>
					<li>
						<a href="#">在线客服<img src="img/xiaoxi.png" alt=""></a>
					</li>
					<li>
						<a href="#">门店查询</a>
					</li>
					<li class="loginto">
						<a href="Login.html" id="a1">登录</a>|<a href="#" id="a2">注册<img src="img/denlu.png" alt=""></a>
					</li>
					<!-- 购物车弹出框 -->
					<ul class="pop">
						购物车中还没有商品赶紧选购吧
						<p class="go">立即选购</p>
					</ul>

				</ul>


			</div>
		</div>
		<div id="header-center">
			<div class="header-con-center">
				<div class="center">
					<div id="onelogo">
						<a href="Home.html"><img src="img/logo.png" alt=""></a>
					</div>
					<ul id="oneul">
						<li id="oneli"><a href="#">全部商品</a></li>
						<li id="oneli"><a href="#">新品</a></li>
						<li class="man" id="oneli">
							<a href="#">男装</a>
							<!-- 二级导航 -->
							<!-- 男装 -->
							<div class="second" id="gentle">
								<div class="second-con">
									<ul class="second-left">
										<li>
											<a href="#">
												<h3>男士上装</h3>
												<p>薄外套</p>
												<p>衬衫</p>
												<p>短袖Polo</p>
												<p>短袖T桖</p>
												<p>卫衣</p>
												<p>羽绒服</p>
												<p>长袖T桖</p>
												<p>长袖衬衫</p>
											</a>
										</li>
										<li>
											<a href="#">
												<h3>男士下装</h3>
												<p>短裤</p>
												<p>连体装</p>
												<p>卫裤</p>
												<p>休闲裤</p>
												<p>长裤</p>
											</a>
										</li>
									</ul>
									<ul class="second-right">
										<li>
											<a href="#"><img src="img/nanzhuang1.jpg" alt="">
												<p>Dickies薄外套</p>
											</a>
										</li>
										<li>
											<a href="#"><img src="img/nanzhuang2.jpg" alt="">
												<p>Dickies下装</p>
											</a>
										</li>
									</ul>
								</div>
							</div>

						</li>
						<li class="woman" id="oneli">
							<a href="#">女装</a>
							<!-- 二级导航 -->
							<!-- 女装 -->
							<div class="second" id="lady">
								<div class="second-con">
									<ul class="second-left">
										<li>
											<a href="#">
												<h3>女士上装</h3>
												<p>薄外套</p>
												<p>衬衫</p>
												<p>短袖Polo</p>
												<p>短袖T桖</p>
												<p>卫衣</p>
												<p>羽绒服</p>
												<p>长袖T桖</p>
												<p>棉服</p>
											</a>
										</li>
										<li>
											<a href="#">
												<h3>女士下装</h3>
												<p>半身裙</p>
												<p>短裤</p>
												<p>连体装</p>
												<p>连衣裙</p>
												<p>卫裤</p>
												<p>休闲裤</p>
												<p>阔腿裤</p>
												<p>长裤</p>
											</a>
										</li>
									</ul>
									<ul class="second-right">
										<li>
											<a href="#"><img src="img/nvzhuang1.jpg" alt="">
												<p>Dickies卫衣</p>
											</a>
										</li>
										<li>
											<a href="#"><img src="img/nvzhuang2.jpg" alt="">
												<p>Dickies下装</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li id="oneli"><a href="#">情侣款</a></li>
						<li id="oneli"><a href="#">配件</a></li>
						<li id="oneli"><a href="#">童鞋</a></li>
						<li id="oneli"><a href="#">品牌动态</a></li>
					</ul>
					<span>
						<input type="text" placeholder="搜索Dickies">
					</span>

				</div>
				<ul class="opt">
					<li>热门搜索</li>
					<li>卫衣</li>
					<li>卫裤</li>
					<li>工装裤</li>
				</ul>
			</div>
		</div>
		<div class="top-buttom"></div>
		<!-- 注册 -->
		<div id="register">
			<div class="reg-form">
				<p>用户注册</p>
				<div class="reg-item reg-usname">
					<input type="text" name="userPhone" class="reg-useName" placeholder="手机号(请输入11位手机号)" />
					<span id="reg-item-spName"></span>
				</div>
				<div class="reg-item reg-psword">
					<input type="password" name="userPwd" class="reg-pwd" placeholder="8-20位登录密码,必须为数字和字母混合" />
					<span id="reg-item-spPwd"></span>
				</div>
				<div class="reg-item reg-psword2">
					<input type="password" name="" class="reg-pwd2" placeholder="再填写密码" />
					<span id="reg-item-spPwd2"></span>
				</div>
				<div class="reg-item reg-code">
					<input type="text" name="" class="seg-NumIpt" value="" placeholder="图形验证码" />
					<span id="reg-item-spCet"></span>
					<div class="reg-code-create">
						<span id="reg-create-cet1"></span>
						<span class="reg-create-cet2">看不清楚?<br>换一个</span>
					</div>
				</div>
				<div class="reg-item reg-phone">
					<input type="text" class="seg-lastIpt" value="" placeholder="短信验证码" />
					<span id="reg-item-spPhone"></span>
					<span class="reg-sms">获取验证码</span>
				</div>
				<div class="reg-policy">
					<input type="checkbox" name="" id="reg-policy-check" />我已阅读并同意Dickies的<a href="">隐私政策</a>和<a href="">使用条款</a>
				</div>
				<div class="reg-ergButton">注册</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div class="end">
			<div class="end-con">
				<h2><img src="img/logo.png" alt=""></h2>
				<ul>
					<li>
						<p>在线客服<img src="img/xiaoxihong.png" alt=""></p>
						<p>在线时间09:00-22:00</p>
					</li>
					<li>
						<p>官方商城</p>
						<p>全部商品</p>
						<p>新品</p>
						<p>男装</p>
						<p>女装</p>
						<p>鞋类</p>
					</li>
					<li>
						<p>关于Dickies</p>
						<p>品牌故事</p>
						<p>品牌动态</p>
					</li>
					<li>
						<p>客户服务</p>
						<p>订购流程</p>
						<p>如何注册</p>
						<p>常见问题</p>
						<p>联系我们</p>
					</li>
					<li>
						<p>关注我们</p>
						<p>
							<img src="img/weibo.png" alt="">
							<img src="img/weixin.png" alt="">
						</p>
					</li>
				</ul>
			</div>

		</div>
		<div class="last">
			<p>
				<span>沪ICP备18048101号 ©2019 Williamson-Dickie Mfg. Co., LLC. Quality Workwear Since 1922</span>
				<span>隐私政策 安全政策</span>
			</p>
		</div>

		<!-- 侧边栏 -->
		<ul class="sider">
			<li><img src="img/xiaoxi.png" alt="">
				<p>在线客服</p>
			</li>
			<li><img src="img/xiaoxi.png" alt="">
				<p>常见问题</p>
			</li>
			<li><img src="img/left.png" alt=""></li>
		</ul>

		<footer></footer>
	</body>
</html>
<script src="js/jQuery.js"></script>
<script src="js/header.js"></script>
<script src="js/footer.js"></script>
<script src="js/register.js"></script>
<!-- <script>
	let oCodeCreate = document.querySelector(".reg-code-create");
	let oCreateCet1 = document.querySelector("#reg-create-cet1");
	let oUseName = document.querySelector(".reg-useName");
	let oItemspName = document.querySelector("#reg-item-spName");
	let oUsePwd = document.querySelector(".reg-pwd");
	let oItemspPwd = document.querySelector("#reg-item-spPwd");
	let oUsePwd2 = document.querySelector(".reg-pwd2");
	let oItemspPwd2 = document.querySelector("#reg-item-spPwd2");
	let oNumIpt = document.querySelector(".seg-NumIpt");
	let oItemspCet = document.querySelector("#reg-item-spCet");
	let oLastIpt = document.querySelector(".seg-lastIpt");
	let oItemspPhone = document.querySelector("#reg-item-spPhone");
	let oregSms = document.querySelector(".reg-sms");

	// 手机号验证
	// console.log(typeof oUseName);
	oUseName.onblur = function() {
		registName();
	}

	// 密码验证
	oUsePwd.onblur = function() {
		registPwd();
	}

	// 密码再次验证
	oUsePwd2.onblur = function() {
		registPwd2();
	}

	// 图形验证码
	createCode();
	oCodeCreate.onclick = function() {
		createCode();
	}
	oNumIpt.onblur = function() {
		validate();
	}

	// 短信验证码
	oLastIpt.onblur = function() {
		smsPhone();
	}

	// 注册
	$("#reg-policy-check").click(function() {
		if ($("#reg-policy-check")[0].checked == true) {
			$(".reg-ergButton").css({
				opacity: "1",
				cursor: "pointer"
			})
		} else {
			$(".reg-ergButton").css({
				opacity: "0.5",
				cursor: "not-allowed"
			});
		}
	});
</script>
 -->
